<template>
  <div class="footer">
    <div class="nav">
      <img src="../assets/imgs/shouye.png" /><span>首页</span>
    </div>
    <div class="nav">
      <img src="../assets/imgs/huodong1.png" /><span>活动</span>
    </div>
    <div class="nav">
      <img src="../assets/imgs/car1.png" /><span>购物车</span>
    </div>
    <div class="nav"><img src="../assets/imgs/my1.png" /><span>我的</span></div>
  </div>
</template>
<style lang="scss" scoped>
.footer {
  width: 100%;
  height: 0.76rem;
  background: #aeb128;
  display: flex;
  flex-wrap: wrap;

  .nav {
    width: 25%;
    display: flex;
    background: #aeb128;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    span {
      margin-top: px2rem(10);
    }
    img {
      width: px2rem(40);
      height: px2rem(40);
    }
  }
}
</style>
